<!DOCTYPE html>
<html lang="en">
<head>
	<title>Easy eating</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<link rel="stylesheet" href="css/reset.css" type="text/css">
	<link rel="stylesheet" href="css/common.css" type="text/css">
	<link rel="stylesheet" href="css/typelog.css" type="text/css">
</head>
<body>
	<div class="public-header" >
		<div class="public-container clearfloat" >
			<div class="header-logo"><a href=""></a></div>
			<div class="header-nav clearfloat">
				<ul>
					<li class="item"><a href="">Our Story</a></li>
					<li class="item"><a href="">Menu</a></li>
					<li class="item"><a href="">Reservations </a></li>
					<li class="item"><a href="">News</a></li>
					<li class="item"><a href="">Rviews</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="index-banner">
		<div class="index-banner-bg"><img src="images/banner-bg.jpg" alt=""></div>
		<div class="index-banner-text">
			<div class="text-logo"></div>
			<p class="text-info">
				<i class="line line-l"></i>
				<span class="txt">resto restaurant home page website template</span>
				<i class="line line-r"></i>
			</p>
		</div>
	</div>
	<div class="index-menu">
		<div class="menu-tips">The Menu</div>
		<div class="public-container menu-list">
			<ul class="clearfloat">
				<li class="menu-item clearfloat">
					<a class="title" href="#">
						<h4>Voluptate cillum fugiat.</h4>
						<p class="comment">Cheese, tomato, mushrooms, onions.</p>
					</a>
					<div class="line"></div>
					<div class="price">$50</div>
				</li>
				<li class="menu-item clearfloat">
					<a class="title" href="#">
						<h4>Voluptate cillum fugiat.</h4>
						<p class="comment">Cheese, tomato, mushrooms, onions.</p>
					</a>
					<div class="line"></div>
					<div class="price">$62</div>
				</li>
				<li class="menu-item clearfloat">
					<a class="title" href="#">
						<h4>Voluptate cillum fugiat.</h4>
						<p class="comment">Cheese, tomato, mushrooms, onions.</p>
					</a>
					<div class="line"></div>
					<div class="price">$25</div>
				</li>
				<li class="menu-item clearfloat">
					<a class="title" href="#">
						<h4>Voluptate cillum fugiat.</h4>
						<p class="comment">Cheese, tomato, mushrooms, onions.</p>
					</a>
					<div class="line"></div>
					<div class="price">$30</div>
				</li>
				<li class="menu-item clearfloat">
					<a class="title" href="#">
						<h4>Voluptate cillum fugiat.</h4>
						<p class="comment">Cheese, tomato, mushrooms, onions.</p>
					</a>
					<div class="line"></div>
					<div class="price">$45</div>
				</li>
				<li class="menu-item clearfloat">
					<a class="title" href="#">
						<h4>Voluptate cillum fugiat.</h4>
						<p class="comment">Cheese, tomato, mushrooms, onions.</p>
					</a>
					<div class="line"></div>
					<div class="price">$32</div>
				</li>
				<li class="menu-item clearfloat">
					<a class="title" href="#">
						<h4>Voluptate cillum fugiat.</h4>
						<p class="comment">Cheese, tomato, mushrooms, onions.</p>
					</a>
					<div class="line"></div>
					<div class="price">$15</div>
				</li>
				<li class="menu-item clearfloat">
					<a class="title" href="#">
						<h4>Voluptate cillum fugiat.</h4>
						<p class="comment">Cheese, tomato, mushrooms, onions.</p>
					</a>
					<div class="line"></div>
					<div class="price">$35</div>
				</li>
			</ul>
		</div>
		<a href="" class="menu-more-btn">load more <span>&nbsp;|</span><span class="icom"></span></a>
	</div>
	<div class="public-container index-panel">
		<div class="index-panel-header clearfloat">
			<h3 >FEATURED DISHES</h3>
			<div class="line"></div>
			<div class="btn-group">
				<a href="#" class="btn active"></a>
				<a href="#" class="btn"></a>
				<a href="#" class="btn"></a>
				<a href="#" class="btn"></a>
			</div>
		</div>
		<div class="index-panel-body index-food-list">
			<ul class="clearfloat">
				<li class="food-item"><a href="">
					<img class="banner" alt="" src="images/damon1.png">
					<div class="name">Fugiat nulla sint<span class="price">$30</span></div>
					<div class="star-bar">
						<span class="star"></span>
						<span class="star"></span>
						<span class="star"></span>
						<span class="star"></span>
						<span class="star nostar"></span>
					</div>
				</a></li>
				<li class="food-item"><a href="">
					<img class="banner" alt="" src="images/damon1.png">
					<div class="name">Fugiat nulla sint<span class="price">$30</span></div>
					<div class="star-bar">
						<span class="star"></span>
						<span class="star"></span>
						<span class="star"></span>
						<span class="star"></span>
						<span class="star nostar"></span>
					</div>
				</a></li>
				<li class="food-item"><a href="">
					<img class="banner" alt="" src="images/damon1.png">
					<div class="name">Fugiat nulla sint<span class="price">$30</span></div>
					<div class="star-bar">
						<span class="star"></span>
						<span class="star"></span>
						<span class="star"></span>
						<span class="star"></span>
						<span class="star nostar"></span>
					</div>
				</a></li>
				<li class="food-item"><a href="">
					<img class="banner" alt="" src="images/damon1.png">
					<div class="name">Fugiat nulla sint<span class="price">$30</span></div>
					<div class="star-bar">
						<span class="star"></span>
						<span class="star"></span>
						<span class="star"></span>
						<span class="star"></span>
						<span class="star nostar"></span>
					</div>
				</a></li>
			</ul>
		</div>
	</div>
	<div class="public-container index-panel idlast">
		<div class="index-panel-header clearfloat">
			<h3 >THE GALLERY</h3>
			<div class="line"></div>
		</div>
		<div class="index-panel-body index-pics">
			<a class="pic-col pic-col-m" href=""><img alt="" src="images/pic-col-m.png"></a>
			<div class="pic-col pic-col-s">
				<a class="pic-row" href=""><img alt="" src="images/pic-col-s.png""></a>
				<a class="pic-row" href=""><img alt="" src="images/pic-col-s2.png"></a>
			</div>
			<a class="pic-col pic-col-l" href=""><img alt="" src="images/pic-col-l.png"></a>
		</div>
	</div>
	<div class="public-footer" >
		<div class="public-container clearfloat">
			<div class="footer-col">
				<p>New York Restaurant<br/>3926 Anmoore Road<br/>New York,NY 10014<br/><a href="tel:718-749-1714">718-749-1714</a></p>
			</div>
			<div class="footer-col">
				<p>France Restaurant<br/>68, rue  de la Couronne<br/>75002 PARIS<br/>02.94.23.69.56</p>
			</div>
			<div class="footer-col">
				<a href="">Blog</a>
				<a href="">Careers</a>
				<a href="">Privacy Policy</a>
				<a href="">Contact</a>
			</div>
			<div class="footer-col footer-col-in">
				<div class="footer-logo"></div>
				<div class="footer-infor">
					<p>© All Rights Reserved 2014.<br/>Find  More at Pixelhint.com</a></p>
				</div>
			</div>
		</div>
	</div>

</body>
</html>